@import "../style/index.scss";

$log-min-width: 360px;
$icon-size: 20px;

.build-page {
  &__header {
    gap: var(--double-spacing);
    margin-bottom: var(--large-spacing);

    &__title__service {
      .amp-icon {
        @include regular-12;
      }
      .amp-text {
        @include regular-10;
      }
    }
    h3 {
      margin: 0;
      @include bold-14;
      color: #ffffff;
    }
  }

  &__build-details {
    display: flex;
    direction: row;

    .log-container {
      flex: 1;
      min-width: $log-min-width;
    }
  }

  .build-steps__step {
    margin-left: 0;
    margin-right: 0;
    i {
      font-size: $icon-size;
    }
  }
}
